<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		<meta charset="utf-8" />
		<title>旅游网站</title>
		<link   rel="stylesheet" shref="css/denglu.css"/>
		<link rel="stylesheet" href="css/Another.css"/>
		<link rel="stylesheet" href="css/index.css">
		<link  rel="stylesheet" href="css/maincontent_1.css"/>
		<link rel="stylesheet" href="css/maincontent_2.css"/>
		<link rel="stylesheet" href="css/nav.css"/>
		<link rel="stylesheet" href="css/banner.css"/>
		<link rel="stylesheet" href="css/status.css"/>
		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script src="js/index.js"></script>
	</head>
	<body>
		<div class="First">
			<span id="Name">
				姓名：杨得亿
			</span>
			<br />
			<span id="ID">
				学号：2410250497
			</span>
			<br />
			<span id="subject">
				专业：软件工程
			</span>
			
		</div>
		<div class="Music">
			<audio id="myAudio" src="music/Electronic Banana.mp3" controls loop></audio>
		</div>
		
		<!--头部-->
		<div id="Top"class="Top">
			<div class="Top1">
			<img src="img/logo1.png" id="logo1",width="300px" height="240px"/>
			<img src="img/logo.png" width="840px" height="240px"/>
		    </div>
			
			<div class="Top2">
				<div class="Top2_1">
			    <div class="top3">
				    <select name="个人中心">
					   <option value="个人中心"><a>个人中心</a></option>
					   <option value="客服中心">客服中心</option>
					   <option value="反馈建议">反馈建议</option>
				     </select>
			    </div>
				</div>
				<div class="denglu">
						<a href="denglu.html">登录</a>
					</div>
				<div class="Top2_2">
					<div class="top4">	
			    <img src="img/t3.png" width="30px" height="30px"/>
		        </div>
			    <div class="top5">
				     <p id="top5">: 020-6666</p>
			    </div>
				</div>
			    
			</div>
		    
		    
		</div>

		<!--导航-->
		<div class="nav">
			<div class="nav1">
				<nav>
				   <ul id="nav1_1">
					<li id="nav1_1_1"><a href="index.html">首页</a></li>
					<li><a href="https://www.citsqj.com/guona/?kf_uid=14655&kf_n=ruirui">畅玩国内</a></li>
					<li><a href="https://www.citsqj.com/chujing/?kf_uid=14655&kf_n=ruirui">潇洒出国</a></li>
					<li><a href="https://www.mafengwo.cn/chat/square">旅行攻略</a></li>
					<li><a href="https://www.tripadvisor.cn/">住宿餐饮点评</a></li>
				   </ul>
			    </nav>
			</div>
			
			<div class="nav2">
				<form action="/search" method="get">
			<input type="text" name="q" placeholder="搜索...">
			<button type="submit">搜索</button>
			</form>
			</div>
			
			
		</div>
		
		<!--banner焦点图-->
		<div class="banner">
			<div class="container_background">
				<div class="container">  
				        <div class="imgs">
						   <img src="img/haigui.png" alt="sea-travel">
						   <img src="img/youting.webp" alt="boate-travel">
						   <img src="img/wanxia.png" alt="love-travel">
						   <img src="img/caoyuan.png" alt="world-travel">
						   <img src="img/wanjing.png" alt="family-travel">
						   <img src="img/youting.webp" alt="global-travel">
				        </div>
			    </div>
			</div>
			    
		 </div>
            <!--通知公告stages-->
		        <div class="notice">
				    <div class="tuBiao-laba">
					<img src="img/laba.png" id="laba" width="70px" height="70px"/>
				    </div>
			        <ul>
			        <li>想挣脱日常的“茧”？旅行是破茧的风！去陌生街巷，让风景疗愈心灵</li>
			        <li>生活总在赶路，别错过沿途的日出！收拾行囊，出发去把世界看个够～</li>
			        <li>把 “下次一定” 换成 “ 现在就走 ” ！出发吧，让未知的风景，填充平淡日常 。</li>
			        <li>生活偶尔沉闷，但旅行会有风！去拥抱山海，让自由的风，吹走疲惫 </li>
			        </ul>
		 </div>
		
		<!--主体内容-->	
		<div class="content">
			<div class="热门推送">
				<div class="content1">
					<p>与大自然的浪漫邂逅</p>
				</div>
				<!--热门推送第一行第一块-->
				
					<div class="content2">
					<div class="content2_1">
						<div class="content2_1_a">
							<img src="img/beijing.jpg" width="550px" height="400px"/>
							</div>
						<div class="content2_a" style="height:400px;width:510px;">北京七日游，邂逅古今年风华。从故宫的红墙金瓦回溯历史，到鸟巢感受现代活力，再漫步胡同品尝地道京味。这趟北京七日游，带你沉浸式领略帝都魅力。</div>
					</div>
					
					<!--热门推送第一行第二块-->
					<div class="content2_2"">
						<div class="content2_2_b">
							<img src="img/xinjiang.jpg" width="550px" height="400px"/>
						</div>
						<div class="content2_b" style="height:400px;width:590px;">
							十天，解锁新疆的壮美与柔情。漫步在广袤的草原，看牛羊成群；凝视着湛蓝的湖泊，感受静谧美好；穿梭于雅丹地貌，感叹自然鬼斧神工。新疆十日游，等你踏上这片神奇土地。
						</div>	
					</div>
					<!--热门推送第一行第三块-->
					<div class="content2_3">
						<div class="content2_2_b">
							<img src="img/Yunnan-rizhaojinshan.jpg" width="550px" height="400px"/>
						</div>
						<div class="content2_b" style="height:400px;width:590px;">
							 用三天逃离喧嚣，奔赴云南的雪山秘境！在梅里雪山脚下静候日照金山的震撼瞬间，看金色光芒为皑皑雪峰披上华裳，让纯净雪山与虔诚经幡治愈心灵，这趟三日游，许你一场极致浪漫的高原奇遇。
						</div>	
					</div>
					<div class="content2_4">
						<div class="content2_2_b">
							<img src="img/mangujpg.jpg" width="550px" height="400px"/>
						</div>
						<div class="content2_b" style="height:400px;width:590px;">
							 用七天时间，解锁曼谷的千面精彩！白天穿梭于古老寺庙，触摸历史的温度；夜晚迷失在热闹夜市，品尝地道泰式美味；还能打卡特色水上市场，体验独特人文风情。曼谷七日，一场永不乏味的东南亚奇遇等你启程！
						</div>	
					</div>
					<div class="content2_5">
						<div class="content2_2_b">
							<img src="img/Yunnan-rizhaojinshan.jpg" width="550px" height="400px"/>
						</div>
						<div class="content2_b" style="height:400px;width:590px;">
							 五天探秘雪域圣地，开启西藏奇幻冒险！于布达拉宫仰望信仰的高度，在羊卓雍措邂逅如梦幻般的湛蓝湖水，奔赴珠峰大本营感受世界屋脊的震撼，每一处都是灵魂的触动。西藏五日游，带你解锁最纯粹的藏地风情。
						</div>	
					</div>
						
				</div>	
			
			<div class="Special">
				<div class="special1">
					<p>逃离喧嚣“进行时”</p>
				</div>
				<div class="special2">
					<div class="special2_1">
						<div class="special2_1_1">
							<img src="img/henan_XHS.jpg" width="550px" height="650px"/>
						</div>
						<div class="special2_1_2">
							<p>“天下无双圣境，世界第一仙山”<br />历史文化厚重<br />老君山原名景室山，是道教始祖老子归隐修炼、悟道传经之地，自北魏起便建老君庙纪念，唐太宗李世民赐名“老君山”，明神宗诏谕其为“天下名山”，使其成为道教主流全真派圣地。<br />
自然景观绝美<br />奇峰怪石：十里画屏是老君山自然景观的精华，峰林地貌鬼斧神工，山峰如利剑、似仙女、像骏马，“远眺成林，近观成峰”，漫步悬空栈道，仿佛置身于立体山水画卷之中。</p>
						</div>
						
					</div>
					<div class="special2_2">
						<div class="special2_2_1">
							<img src="img/jinan_XHS.jpg" width="550px" height="650px"/>
						</div>
						<div class="special2_2_2">
							<p>“一城山色半城湖，千年泉韵济南等你”<br />大明湖<br />众泉汇流成碧波，荷柳簇拥古亭立，一城山色半城湖，泉城明珠映古今。<br />
							洪家楼教堂<br />哥特双塔耸云端，斑斓彩窗诉虔诚，百年雕琢，凝固西方建筑艺术之美。<br />
							解放阁<br />铭记济南解放时刻，陈毅题字苍劲，阁内英名不朽，见证峥嵘岁月。<br />
							超然楼<br />江北名楼踞湖畔，飞檐鎏金映天光，登楼揽胜，大明湖景尽收眼底。<br />
							</p>
						</div>
						
					</div>
					<div class="special2_3">
						<div class="special2_3_1">
							<img src="img/jiangnan_XHS.jpg" width="550px" height="650px"/>
						</div>
						<div class="special2_3_2">
							<p>寻梦江南，赴一场诗意之约<br />粉墙黛瓦枕流水，乌篷摇曳过石桥，江南古镇藏尽岁月温柔。寒山寺钟声悠远，平江路茶香氤氲，千年古韵与市井烟火，在江南共生共息。<br />
							南湖红船忆峥嵘，西湖潋滟映晴雪，水墨画卷里的江南自有千秋。<br />
							羊肉面暖身，西湖醋鱼开胃，烟火风味中，皆是江南的独家记忆。黄酒微醺摇橹船，评弹婉转绕回廊，江南的慢时光，是听觉与味觉交织的风雅。<br />
							青石巷弄飘细雨，油纸伞下寻旧梦，江南的婉约藏在每一帧朦胧的烟雨里。拙政园叠山理水，狮子林怪石嶙峋，江南园林一步一景，尽是东方美学的浪漫。<br />
							</p>
						</div>
					</div>
				</div>
				
				</div>
			</div>
			<div class="Sale">
				<div class="sale1">
					<p>夏日滚烫，热浪当“燃”</p>
				</div>
				<div class="Sale2">
						<img class="Sale2_1" src="img/maerdaifujpg.jpg" width="560px" height="500px"/>
						<p class="Sale2_2">夏季特别推出:巴厘岛网红酒店，夏季避暑度假圣地<br />在巴厘岛的网红酒店，或是于无边泳池边静赏日落，或是在私密别墅中享受宁静，又或是在私人沙滩上踏浪逐风。每一刻，都是与自然的亲密对话，每一秒，都能感受到生活的诗意与美好。快来巴厘岛，住进酒店，开启属于你的梦幻度假篇章 。</p>
			</div>
		</div>
		<!--footer版权信息-->
		<div class="footer">
			<div class="footer1">
				<a href="#Top"><p>Top</p></a>	
			</div>
			<div class="footer2">
				<div class="footer2_A">
					<div class="footer2_1">
					<p>关于我们</p>
				</div>
				<div class="footer2_2">
					<p>旅游吧是一个旅行平台，主要是为用户提供国内众多旅行社团的信息整合的旅游平台，宗旨是为用户打破信息差，用户可通过本网站直接查看各大平台旅游相关咨讯选择适合自己并喜欢的旅游方式，同时本站与国内众多旅行网站有着深度合作，不定期以及各大节假期会有优惠大放送。本站也是旅游爱好者集结地，欢迎各位旅游爱好者订阅收藏。<strong>（注：本站没有任何隐形收费，了解查询完全免费）</strong>
						</p>
				</div>
				</div>
					
				<div class="footer2_C">
					<div class="footer2_6">
						<div class="footer2_6_1">
							<img src="img/erweima1.jpg" width="100px" height="100px"/>
							<p>官方App下载</p>
						</div>
						<div class="footer2_6_2">
							<img src="img/erweima2.jpg" width="100px" height="100px"/>
							<p>订阅平台</p>
						</div>
						<div class="footer2_6_3">
							<img src="img/erweima3.jpg" width="100px" height="100px"/>
							<p>会员中心</p>
						</div>
					</div>
				</div>    
					<div class="footer2_5">
					<p>本站与中国国旅，马蜂窝，Tripadvisor等深度合作，跳转链接安全有保障</p>
				</div>
			</div>
				<hr  color="black"/>
			<div class="footer3">
				<p>联系方式 : 020-6666</p>
			</div>
		</div>
		
	</body>
</html>
